<script>
$(document).ready(function() {
	<?php
	if ($error == 'file_type') echo 'showNoti("Hỗ trợ .png .jpg .gif .swf", "Định dạng file không hợp lệ!", "Err");';
	if ($updated == 1) echo 'showNoti("Giao diện: '.$name.'", "Cập nhập giao diện thành công!", "Ok");';
	if ($failed == 1) echo 'showNoti("Giao diện: '.$name.'", "Cập nhập giao diện thất bại!", "Err");';
	?>
});
</script>
<?php
echo form_open_multipart($action, array('id' => 'updateFrm'));
echo form_input(array('type' => 'hidden', 'name' => 'token', 'value' => $GLOBALS['var']['token']));
echo form_input(array('type' => 'hidden', 'name' => 'id', 'value' => $info['id']));
echo module_open();
?>
<tr>
	<td class="fr">
		<div class="tdleft clr320">Tên giao diện</div>
		<div class="tdright clr320">
			<input type="text" data-required="1" name="name_vn" id="name_vn" value="<?php echo $info['name_vn'] ?>" style="width:300px;" />
			<?php echo error_div('name_vn', 'Vui lòng nhập tên giao diện!'); ?>
		</div>
	</td>
</tr>
<tr>
	<td class="fr">
		<div class="tdleft clr320">Nhóm giao diện</div>
		<div class="tdright clr320">
			<?php
			$options = array('' => 'Chọn...');
			for ($i = 0; $i < count($GLOBALS['interfaces_groups']); $i++)
			{
				$options[$i] = $GLOBALS['interfaces_groups'][$i][0];
			}
			unset($i);
			echo form_dropdown('cat', $options, $info['cat'], 'data-required="1" id="cat" style="width:160px;"');
			echo error_div('cat', 'Vui lòng chọn loại giao diện!');
			?>
		</div>
	</td>
</tr>
<tr class="showhide<?php echo ($info['cat'] == '2' || $info['cat'] == '4' ? '' : ' hide') ?>" id="fr_color">
	<td class="fr">
		<div class="tdleft clr320">Màu</div>
		<div class="tdright clr320"><input type="color" name="color" id="color" value="'.($info['color'] ? $info['color'] : '#FFFFFF').'" style="width:155px;" /></div>
	</td>
</tr>
<tr class="showhide<?php echo ($info['cat'] == '2' || $info['cat'] == '4' ? '' : ' hide') ?>" id="fr_css_ele">
	<td class="fr">
		<div class="tdleft clr320">Áp dụng với</div>
		<div class="tdright clr320">
			<?php
			$options = array(
				'' => 'Chọn...',
				'header' => 'Header',
				'menu' => 'Menu',
				'body' => 'Body',
				'button' => 'Button',
				'product-item' => 'Product Item',
				'footer' => 'Footer'
			);
			echo form_dropdown('css_ele', $options, $info['css_ele'], 'id="css_ele" style="width:140px;"');
			?>
		</div>
	</td>
</tr>
<tr class="showhide<?php echo ($info['cat'] == '2' ? '' : ' hide') ?>" id="fr_bg_repeat">
	<td class="fr">
		<div class="tdleft clr320">Chế độ lặp lại</div>
		<div class="tdright clr320">
			<?php
			$options = array(
				'' => 'Chọn ...',
				'no-repeat' => 'Không lặp lại',
				'no-repeat fixed' => 'Không Lặp &smp; cố định',
				'repeat' => 'Lặp lại tự do',
				'repeat fixed' => 'Lặp lại tự do &smp; cố định',
				'repeat-x' => 'Lặp theo trục x',
				'repeat-x fixed' => 'Lặp theo trục x &amp; cố định',
				'repeat-y' => 'Lặp theo trục y',
				'repeat-y fixed' => 'Lặp theo trục y &amp; cố định',
			);
			echo form_dropdown('bg_repeat', $options, $info['bg_repeat'], 'id="bg_repeat" style="width:210px;"')
			?>
		</div>
	</td>
</tr>
<tr class="showhide<?php echo ($info['cat'] == '1' ? '' : ' hide') ?>" id="fr_des">
	<td class="fr">
		<div class="tdleft clr320">Miêu tả</div>
		<div class="tdright clr320"><textarea name="des_vn" style="width:300px; height:76px"><?php echo $info['des_vn'] ?></textarea></div>
	</td>
</tr>
<tr class="showhide" id="fr_target"<?php echo ($info['cat'] == '3' ? '' : ' style="display:none"') ?>>
	<td class="fr">
		<div class="tdleft">Vị trí hiển thị</div>
		<div class="tdright">
			<?php
			$options = array(
				'' => 'Chọn ...',
				'TOP' => 'TOP',
				'LEFT' => 'LEFT',
				'RIGHT' => 'RIGHT',
				'BOTTOM' => 'BOTTOM'
			);
			echo form_dropdown('target', $options, $info['target'], 'id="target" style="width:80px; !important;"')
			?>
		</div>
	</td>
</tr>
<tr class="showhide<?php echo ($info['cat'] == '1' || $info['cat'] == '3' ? '' : ' hide') ?>" id="fr_url">
	<td class="fr">
		<div class="tdleft clr320">Liên kết</div>
		<div class="tdright clr320"><input type="text" name="url" id="url" value="<?php echo $info['url'] ?>" style="width:400px;" /></div>
	</td>
</tr>
<tr class="showhide<?php echo ($info['cat'] != '4' ? '' : ' hide') ?>" id="fr_file">
	<td class="fr">
		<div class="tdleft clr320">Tệp tin<div class="note clear">Hỗ trợ các định dạng: .png, .jpg, .gif, .swf</div></div>
		<div class="tdright clr320">
			<div class="image-wrap">
	            <input class="selectImage"<?php echo ($info['file'] ? '' : ' data-required="1"') ?> type="file" name="userfile" />
	            <div class="image">
	                <div class="no-image" title="Click để chọn ảnh">
						<div class="flash-div" style="<?php if($info['type'] != 'swf') { ?>display:none;<?php } ?>">
							<div class="flash-fake"></div>
							<div class="flash-file">
								<?php echo show_flash(INTERF.$info['file'], '120', '88'); ?>
							</div>
						</div>
						<i class="icon36 glyphicons picture" style="<?php if(goodfile(INTERF.'thumbs/'.$info['file']) || $info['type'] == 'swf') { ?>display:none;<?php } ?>"></i>
	                    <img class="preview_img" style="<?php if(!goodfile(INTERF.'thumbs/'.$info['file']) || $info['type'] == 'swf') { ?>display:none;<?php } ?>" src="<?php echo INTERF ?>thumbs/<?php echo $info['file']?>" />
	                    <?php if ($info['file']) echo del_image('file', $info['id']); ?>
	                </div>
	            </div>
	            <div class="image-des">
	                <h2></h2>
	                <p></p>
	                <div class="file-name">
	                    <div>
	                        <i class="icon glyphicons remove_2"></i> <p></p>
	                    </div>
	                </div>
	            </div>
	        </div>
			<?php echo error_div('icon', 'Vui lòng chọn tệp tin giao diện!'); ?>
		</div>
	</td>
</tr>
<tr class="showhide<?php echo ($info['cat'] == '0' || $info['cat'] == '1' || $info['cat'] == '3' ? '' : ' hide') ?>" id="fr_size">
	<td class="fr">
		<div class="tdleft clr320" style="line-height: normal">Kích thước<br /><span style="font-size:11px; color:#999">Rộng x Cao (pixel)</span></div>
		<div class="tdright clr320">
			<input type="text" name="w" id="w" value="<?php echo $info['w'] ?>" style="width:50px !important; text-align:right;" /> x 
			<input type="text" name="h" id="h" value="<?php echo $info['h'] ?>" style="width:50px !important; text-align:right;" />
			<?php echo error_div('w', 'Vui lòng nhập chiều rộng hiển thị!'); ?>
			<?php echo error_div('h', 'Vui lòng nhập chiều cao hiển thị!'); ?>
		</div>
	</td>
</tr>
<tr class="showhide<?php echo ($info['cat'] == '1' ? '' : ' hide') ?> fr_images">
	<td class="fr">
		<div class="tdleft clr320">Upload hình ảnh bổ sung</div>
		<div class="tdright clr320">
			<div style="position: relative; width: 97%">
	            <div id="fileuploader" data-dir="<?php echo INTERF ?>" data-thumb-w="240" data-thumb-h="240" data-gallery-w="" data-gallery-h="">
	                <i class="icon glyphicons white picture"></i> Chọn file
	            </div>
	            <div id="startUpload" class="submitBtn btn btn-success" style="position: absolute; top: 12px; right: 5px;"><i class="icon glyphicons white cloud_plus"></i> Upload</div>
	        </div>
	        <div style="clear: both;">&nbsp;</div>
	        <div id="images-list">
	            <?php
	            $imagelist = json_decode($info['images']);
	            if (!empty($imagelist))
	            {
	            	$i = 0;
	            	$fade_effect = json_decode($info['fade_effect']);
	            	$move_offset = json_decode($info['move_offset']);
	            	$move_effect = json_decode($info['move_effect']);
	            	$speed = json_decode($info['speed']);
	                foreach ($imagelist as $data)
	                {
	                    echo '<div class="image-wrap fl"><i class="icon glyphicons remove"></i><input data-file="'.$data.'" value="'.$data.'" type="hidden" name="images[]" /><div class="image-small"><div class="no-image"><img src="'.INTERF.'thumbs/'.$data.'" /></div></div></div>';
	                    $data = '';
	                	if (!empty($fade_effect[$i])) $data = $fade_effect[$i];
	                    echo '<div class="image-list-ele fl">Fade effect<br /><input value="'.$data.'" type="text" name="fade_effect[]" style="width: 30px !important; text-align: right;" /><div class="note">px</div></div>';
	                    $data = '';
	                	if (!empty($move_offset[$i])) $data = $move_offset[$i];
	                    echo '<div class="image-list-ele fl">Move offset<br /><input value="'.$data.'" type="text" name="move_offset[]" style="width: 30px !important; text-align: right;" /><div class="note">px</div></div>';
	                    $data = '';
	                	if (!empty($move_effect[$i])) $data = $move_effect[$i];
	                    echo '<div class="image-list-ele fl">Move effect<br /><input value="'.$data.'" type="text" name="move_effect[]" style="width: 50px !important;" /><div class="note">left / right / top / bottom</div></div>';
	                    $data = '';
	                	if (!empty($speed[$i])) $data = $speed[$i];
	                    echo '<div class="image-list-ele fl">Speed<br /><input value="'.$data.'" type="text" name="speed[]" style="width: 30px !important; text-align: right;" /><div class="note">mili giây</div></div>';
	                    echo '<div style="clear: both;"></div>';
	                    $i++;
	                }
	            }
	            ?>
	        </div>
	    </div>
	</td>
</tr>
<tr>
	<td class="fr">
        <div class="tdleft clr320">Kích hoạt</div>
        <div class="tdright clr320" style="padding-top: 5px;">
            <ul class='css3-radios'>
                <li><label><input name="status" type="radio" value="1"<?php echo ($info['status'] == '1' ? ' checked="checked"' : '') ?> /><span>Có</span></label></li>
                <li><label><input name="status" type="radio" value="0"<?php echo ($info['status'] == '0' ? ' checked="checked"' : '') ?> /><span> Không</span></label></li>
            </ul>
        </div>
    </td>
</tr>
<?php
echo module_close();
echo form_close();
?>